<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<title>Edit/add</title>

    <link rel="stylesheet" type="text/css" href="stylesheets/green-theme/jquery-ui-1.10.3.min.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/jstree/style.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/common.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/main.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/editdialog.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/customized.css" />

    <script type="text/javascript" src="scripts/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui-1.10.3.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.tmpl.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.watermark.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.jstree.js"></script>
    <script type="text/javascript" src="scripts/config.js"></script>
    <script type="text/javascript" src="scripts/app.js"></script>
    <script type="text/javascript" src="scripts/customized.js"></script>


</head>
<body>

    <div id="edit-dialog" class="tabs edit-dialog">
        <ul>
            <li><a href="#edit-tab-general">General</a></li>
            <li><a href="#edit-tab-sourcedata">Source Data</a></li>
            <li><a href="#edit-tab-schedule">Schedule</a></li>
            <li><a href="#edit-tab-options">Options</a></li>
        </ul>

        <div id="edit-tab-general">
            <div class="edit-dialog-label">Name of backup</div>
            <input type="text" name="backup-name" id="backup-name" class="text ui-widget-content ui-corner-all" />
            <div class="input-hint">
            It is recommended to encrypt all backups that are stored on remote servers
            </div>
            <div class="edit-dialog-label">Encryption passphrase</div>
            <input type="password" name="encryption-password" id="encryption-password" value="" class="text ui-widget-content ui-corner-all" /><br/>

            <div class="clearfix"></div>

            <div class="edit-dialog-label">Repeat passphrase</div>
            <div class="field-group">
                <input type="password" name="repeat-password" id="repeat-password" value="" class="text ui-widget-content ui-corner-all" /><br/>
                <div class="action-link action-link-input">Show passwords</div>
                <div class="backup-password-strength">Strength: unknown</div>
            </div>
            <div class="input-hint">
            The connection URI defines where your backup is stored. It contains everything that is required to connect to your storage.
            </div>
            <div class="edit-dialog-label">Connection URI</div>
            <div class="field-group">
                <input type="text" name="backup-uri" id="backup-uri" value="" class="text ui-widget-content ui-corner-all" />
                <div class="action-link">Create connection URI</div>
            </div>
        </div>

        <div id="edit-tab-sourcedata">
            <div id="source-folder-entry">
                <input id="source-folder-path-text" type="text" />
                <div id="source-folder-path-add" class="button">Add</div>
            </div>

            <div id="source-folder-paths" class="empty">
                <div id="source-folder-paths-hint" class="hint-text">To add files and folders, drag and drop them here. <br/>(Double click also works)</div>
                <!-- <div class="source-folder">/opt/local/data</div> -->
            </div>

            <div id="source-folder-browser">
            </div>

        </div>

        <div id="edit-tab-schedule">
            <input id="use-scheduled-run" type="checkbox" />
            <div>Run regularly at the specified times</div>
            <div class="hint-line-last">If a date was missed, the job will run as soon as possible.</div>

            <div class="clearfix"></div>

            <div class="edit-dialog-label">Next time</div>
            <div class="input-wrapper">
                <input type="time" id="next-run-time" />
                <input type="date" id="next-run-date" />
            </div>

            <div class="clearfix"></div>

            <div class="edit-dialog-label">Run again every</div>
            <div class="input-wrapper">
                <input type="number" id="repeat-run-number" />
                <select id="repeat-run-multiplier">
                    <option>hours</option>
                    <option>days</option>
                    <option>weeks</option>
                    <option>months</option>
                    <option>years</option>
                </select>
            </div>

            <div class="clearfix"></div>

            <div class="edit-dialog-label">Allowed days</div>
            <div class="input-wrapper">
                <input type="checkbox" class="simple-checkbox" id="allow-day-mon" />
                <div class="days-label">Mon</div>
                <input type="checkbox" class="simple-checkbox" id="allow-day-tue" />
                <div class="days-label">Tue</div>
                <input type="checkbox" class="simple-checkbox" id="allow-day-wed" />
                <div class="days-label">Wed</div>
                <input type="checkbox" class="simple-checkbox" id="allow-day-thu" />
                <div class="days-label">Thu</div>
                <input type="checkbox" class="simple-checkbox" id="allow-day-fri" />
                <div class="days-label">Fri</div>
                <input type="checkbox" class="simple-checkbox" id="allow-day-sat" />
                <div class="days-label">Sat</div>
                <input type="checkbox" class="simple-checkbox" id="allow-day-sun" />
                <div class="days-label">Sun</div>
            </div>
        </div>

        <div id="edit-tab-options">
            <div class="hint-line-last">Duplicati splits backups into smaller files. A smaller size (e.g. 10MB) is recommended for slow and unstable connections. A larger size (e.g. 200MB) is recommended in LAN environments</div>

            <div class="clearfix"></div>

            <div class="edit-dialog-label">Max backup file size</div>
            <div class="input-wrapper">
                <input type="number" id="dblock-size-number" />
                <select id="dblock-size-multiplier">
                    <option>KByte</option>
                    <option>MByte</option>
                    <option>GByte</option>
                    <option>TByte</option>
                </select>
            </div>

            <div class="clearfix"></div>

            <div class="edit-dialog-label">Options</div>
            <textarea id="backup-options" rows="4" name="backup-options"></textarea>

        </div>

    </div>

    <div id="connection-uri-dialog" class="modal-xxdialog edit-dialog" style="display: none" title="Connection URI">
        <div class="edit-dialog-label">Target Type</div>
        <div class="field-group">
            <select id="backend-type" name="backend-type"></select>
            <input type="checkbox" id="server-use-ssl" name="server-use-ssl" /><div class="checkbox-label">Use SSL</div>
        </div>

        <div class="edit-dialog-label">Server &amp; Port</div>
        <div class="field-group">
            <input type="text" name="server-name" id="server-name" value="" class="text ui-widget-content ui-corner-all" />
            <input type="text" name="server-port" id="server-port" value="" class="text ui-widget-content ui-corner-all" />
        </div>

        <div class="edit-dialog-label">Path on server</div>
        <input type="password" name="server-path" id="server-path" class="text ui-widget-content ui-corner-all" />

        <div class="edit-dialog-label">Username</div>
        <input type="text" name="server-username" id="server-username" class="text ui-widget-content ui-corner-all" />

        <div class="edit-dialog-label">Password</div>
        <input type="password" name="server-password" id="server-password" class="text ui-widget-content ui-corner-all" />

        <div class="edit-dialog-label">Options</div>
        <textarea id="server-options" name="server-options"></textarea>

        <div class="button-area">
            <div id="cancel-edit-uri" class="cancel-button button">Cancel</div>
            <div id="accept-edit-uri" class="accept-button button">Create Connection URI</div>
        </div>
    </div>

</body>
</html>
